<!DOCTYPE HTML>
<html>
<head>
  <meta charset="utf-8">
  <title>全选，反选，不选</title>
  <script>
     window.onload=function(){
	    var oBtn1=document.getElementById("but1");
		var oBtn2=document.getElementById("but2");
		var oBtn3=document.getElementById("but3");
		var oDiv=document.getElementById("checkbox");
		var oCh=oDiv.getElementsByTagName("input");
		 
		oBtn1.onclick=function (){
		for(var i=0;i<oCh.length;i++){
		   oCh[i].checked=true;
		   }
		};
		oBtn2.onclick=function (){
		for(var i=0;i<oCh.length;i++){
		   oCh[i].checked=false;
		   }
		};
		oBtn3.onclick=function (){
		for(var i=0;i<oCh.length;i++){
		  if(oCh[i].checked==true){
		    oCh[i].checked=false;
		   }
		   else{
		    oCh[i].checked=true;
		   }
		   }
		};
	 }; 
  </script>  
</head>

<body>
<input id="but1" type="button" value="全选"/><br>
<input id="but2" type="button" value="不选"/><br>
<input id="but3" type="button" value="反选"/><br>
  	<div id="checkbox">
			  <input type="checkbox"/><label>篮球</label><br>
			  <input type="checkbox"/><label>足球</label><br>
		      <input type="checkbox"/><label>网球</label><br>
		   	  <input type="checkbox"/><label>门球</label><br>
	<div>


</body>
</html>